<template>
	<view class="answer">
	<Top :title='title' :white='true' :tik='true' @close='fanhui'></Top>
	
	<view class="tianwan">
		<view class="kun">
			<image class="imk" src="../../static/answer/tianw.png"></image>
		</view>
		<view class="tilk">填写完成</view>
		<view class="dati">请答题闯关完成入驻申请！</view>
		<view class="dati" @click="checkhelp">点击弹出助力框</view>
		<view class="btnk" @click="goAns">去答题</view>
	</view>
	
	<uni-popup ref="popup" type="center" backgroundColor="transparent">
		<view class="k_box">
			<view class="titl">退出后将无法完成入驻申请</view>
			<view class="btn_box">
				<view class="btn_l" @click="tuichu">退出(3s)</view>
				<view class="btn_l btn_r" @click="cancer">取消</view>
			</view>
		</view>
	</uni-popup>
	
	<Help ref="help"></Help>
	
	</view>
</template>

<script>
	import Top from '../../components/navBox/top.vue'
	import Help from './Help.vue'
	export default {
		data() {
			return {
				title:'',
				
			}
		},
		components:{
			Top,
			Help
			
		},
		computed: {
			
		},
		onLoad() {
			
		},
		methods: {
			fanhui(){
				
				this.$refs['popup'].open()
			},
			cancer(){
				
				this.$refs['popup'].close()
			},
			checkhelp(){
				 
				 this.$refs['help'].open()
			},
			goAns(){
				uni.navigateTo({
					url: './answer'
				})
			},
			tuichu(){
				uni.navigateBack()
			}
		}
	}
</script>

<style scoped lang="scss">
.tianwan{
	width:686upx;
	margin:0 auto;
	margin-top:240upx;
	.kun{
		width: 128upx;
		height: 128upx;
		background: #EBBE87;
		margin:0 auto;
		border-radius: 50%;
		text-align: center;
		.imk{
			width:68upx;
			height:68upx;
			margin-top:30upx;
		}
	}
	.tilk{
		color:#844902;
		font-size:32upx;
		margin-top:36upx;
		text-align: center;
	}
	.dati{
		color:#333;
		font-size:32upx;
		margin-top:100upx;
		text-align: center;
	}
	.btnk{
		width: 322upx;
		height: 100upx;
		background: #EBBE87;
		border-radius: 50upx;
		color:#fff;
		font-size:32upx;
		text-align: center;
		line-height: 100upx;
		margin:0 auto;
		margin-top:110upx;
	}
}
.k_box{
	width: 468upx;
	
	background: #FFFFFF;
	border-radius: 32upx;
	.titl{
		color:#000;
		font-size:30upx;
		font-weight: 550;
		text-align: center;
		padding-top:72upx;
	}
	.btn_box{
		width:100%;
		margin-top:60upx;
		height:92upx;
		display: flex;
		justify-content: space-between;
		border-top:2upx solid #F4F4F4;
		.btn_l{
			width:49%;
			text-align: center;
			line-height: 92upx;
			color:#999;
			font-size:30upx;
		}
		.btn_r{
			color:#333;
			border-left:2upx solid #F4F4F4;
		}
	}
}
</style>
